<!DOCTYPE html>
<html lang="kr">
<head>
<meta charset="UTF-8">
<title>VITADOG</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="VITADOG Homepage">
<meta name="author" content="Garamyunseul">
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/index.css" rel="stylesheet" media="screen">
<link href="css/flexslider.css" rel="stylesheet" type="text/css" media="screen" />
<!-- for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js">
</script>
<![endif]-->
<!-- 즐겨찾기 아이콘 세팅-->
<link rel="VITADOG" sizes="144x144" href="img/favicon/vitadog_144x144.png">
<link rel="VITADOG" sizes="114x114" href="img/favicon/vitadog_114x114.png">
<link rel="VITADOG" sizes="72x72" href="img/favicon/vitadog_72x72.png">
<link rel="VITADOG" href="img/favicon/vitadog_72x72.png">
<link rel="shortcut icon" href="img/favicon/vitadog_72x72.png">
</head>
<body>
	<section id="navi">
	<nav id="topNavi">
		<img id="logo" src="img/main/top_logo.png">
		<ul id="nav">
			<li class="navList"><a class="naviItem" href="#">ABOUT</a></li>
			<li class="navList" id="centerMenu"><a class="naviItem" href="#">PRODUCTS</a></li>
			<li class="navList"><a class="naviItem" href="#">HELLO</a></li>
		</ul>
	</nav>
	</section>
	<section class="slider">
		<div class="flexSlider">
			<ul class="slides" id="slides">
			<!-- xml로 변경되어야 할 부분  ++ 텍스트 위치는 반응형으로 어떻게 뿌릴 것인지 생각해봐야 함.-->
				<li><img src="img/banner/banner_01.jpg" /><div style="position: absolute;margin-top: -80px;margin-left: 200px;">text text</div></li>
				<li><img src="img/banner/banner_01.jpg" /><div style="position: absolute;margin-top: -80px;margin-left: 200px;">text2 text2</div></li>
			<!-- xml로 변경되어야 할 부분 -->
			</ul>
		</div>
	</section>
	<section id="links">
		<div id="linkTitle">HELLO US</div>
		<div id="topDiv"></div>
		<ul id="linkIcon">
			<li class="linkItem" id="fbLink"><a href="#"><img src="img/main/facebook_bt_n.png"><br>You can find us<br>on Facebook</a></li>
			<li class="linkItem" id="emailLink"><a href="#"><img src="img/main/email_bt_n.png"><br>contact@vitadog.co.kr</a></li>
			<li class="linkItem" id="storeLink"><a href="#"><img src="img/main/store_bt_n.png"><br>VITADOG Store</a></li>
		</ul>
		<div id="bottomDiv"></div>
	</section>
	<section id="footer">
	<footer id="bottom">
	</footer>
	</section>
	<!-- bottom script code -->
	<script src="http://code.jquery.com/jquery.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script>
		function makeBanner(){
			var slides = document.getElementById("slides");
		}
	</script>
	<script defer src="js/jquery.flexslider.js"></script>

	<script type="text/javascript">
		$(function() {
			SyntaxHighlighter.all();
		});
		$(window).load(function() {
			$('.flexSlider').flexslider({
				animation : "slide",
				start : function(slider) {
					$('body').removeClass('loading');
				}
			});
		});
	</script>
</body>
</html>